@charset "utf-8";

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

.union-top-four{position: fixed;top: 0;left: 0;right: 0;background-color: #fff;z-index: 10;opacity: .9;}
.union-top-four .header-nav {text-align: center;font-size: .65rem;opacity: 1;margin: 0 8%;display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.union-top-four .header-nav li {height: 2.2rem;line-height: 2.2rem;float: left;width:24%;font-weight: bold;}
.union-top-four .header-nav li a{color: #999;display: inline-block;height: 2rem;}
.union-top-four .header-nav li.active a{color: #00A0E9;border-bottom: 2px solid #00A0E9;}
.union-top-four .header-nav li.split{width: 1px;height: .7rem;margin-top: .8rem;padding: 0;background: #ccc;overflow: hidden;}

.union-choose{border-bottom: 1px solid #EFF0EF;position: relative;padding: .3rem 0 .4rem 3.5rem;}
.union-choose.inline{display:inline-block;width:49%;}
.union-choose .title{position: absolute;left: .3rem;top: .55rem;font-size: .6rem;color: #999;}
.union-choose .desc-list span{display: inline-block;width: 48%;font-size: .6rem;color: #333;}
.union-choose .desc-list span>img{vertical-align: sub;width: .8rem;margin-right: .1rem;}

.union-style span.right{position: absolute;right: 0;top: .35rem;font-size: .6rem;color: #D8D8D8;}
.union-style .swiperBGW.swiper-container{width: 100%;height: 8rem;margin-top:.5rem;}
.union-style .swiperBGW .swiper-slide{width: 85%;margin-right: 5%;position: relative;}
.union-style .swiperBGW .swiper-slide:last-child{margin-right: 0;}
.union-style .swiperBGW .swiper-slide>img{width: 100%;height: 100%;border-radius:.5rem;overflow: hidden;}

.union-style .swiperBGW .info{position: absolute;bottom: 0;left: 0;right: 0;padding: 0 .5rem;background: url(../images/union/union-bg.svg) repeat-x;background-size: contain;border-radius: 0 0 .5rem .5rem}
.union-style .swiperBGW .info p{font-size: .6rem;color: #fff;font-weight: bold;}
.union-style .swiperBGW .info p i{color: #FFCD3C;}
.union-style .swiperBGW .info p img{width: 1rem;vertical-align: bottom;}

.union-style h3.title{color: #fff;font-weight: bold;}
.union-style h3.title .small-title{color: #fff;border: 1px solid #fff;border-radius: .3rem;padding: .05rem .2rem;margin-left: .5rem;display: inline-block;}
/* .union-style h3.title small{} */
.union-style span.blue {font-weight: bold;font-size: .9rem;}

.union-fujia li{float: left;width: 25%;text-align: center;margin-top: .4rem;}
.union-fujia li h4{color: #000;font-size: .65rem;}
.union-fujia li img{width: 60%;margin-top: .3rem;}
.union-fujia li p.line-1{color: #464B5D;font-size: .6rem;padding-top: .1rem;}
.union-fujia li p.line-2{color: #898B9B;font-size: .6rem;padding-top: .1rem;}
.union-fujia li p.line-2 span{color: #00A0E9;font-weight: bold;}

.union-chaozhi .company, .union-chaozhi .personal{position: relative;}
.union-chaozhi .identify{color: #fff;font-size: .6rem;text-align: center;position: absolute;top: .6rem;left: 0;z-index: 10;height: 1rem;width: 2.4rem;}
.union-chaozhi .identify.qiye{background: url(../images/union/company.svg) no-repeat;background-position: center;background-size: cover;}
.union-chaozhi .identify.geren{background: url(../images/union/personal.svg) no-repeat;background-position: center;background-size: cover;}
.union-chaozhi .swiper-container{width: calc(100% - 10px);height: 5rem;margin-top: .25rem;margin-left: 10px;}
.union-chaozhi .company .swiper-slide{width: 45%;margin-right: 2%;position: relative;    background: url(../images/union/vip-red.svg) no-repeat;
    background-size: contain;}
.union-chaozhi .personal .swiper-slide{width: 45%;margin-right: 2%;position: relative;    background: url(../images/union/vip-yellow.svg) no-repeat;
        background-size: contain;}
.union-chaozhi .swiper-slide:last-child{margin-right: 0;}
.union-chaozhi .swiper-slide>img{width: 100%;height: 100%;overflow: hidden;}
.union-chaozhi .info-1{position: absolute;top: .3rem;right: .3rem;text-align: right;}
.union-chaozhi .info-1>img{width: 3.4rem;}
.union-chaozhi .info-2{position: absolute;bottom: .2rem;left: .4rem;right: 0;}
.union-chaozhi .info-2 p{font-size: .6rem;color: #fff;}
.union-chaozhi .info-2 p span{font-weight: bold;font-size: 1rem;padding-right: .3rem;}
.union-chaozhi .info-2 h4{color: #fff;line-height: .7rem;font-weight: bold;}
.union-chaozhi .info-2 a{color: #fff;background: #FF6F6F;padding: .1rem .4rem;font-size: .6rem;border-radius: .4rem;vertical-align: text-bottom;}

.union-detail .dis, .union-brand .dis{color: #9B9B9B;padding-bottom: 0;}

.union-service .tip-title{font-size: .7rem;color: #010205;border-left: 2px solid #FFCD3C;padding-left:.4rem;margin-top: .4rem;font-weight: bold;line-height: .6rem;}
.union-service>img{width: 88%;display: block;margin: .8rem auto;}

.union-more-house .out{width: 49%;display: inline-block;}
.union-more-house .more-house-list{width: 95%;position: relative;margin: .5rem auto 0;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);background: #fff;border-radius: .4rem;overflow: hidden;}
.union-more-house .more-house-list .pic {width: 100%;height: 5rem;overflow: hidden;position: relative;}
.union-more-house .more-house-list .pic>img {width: 100%;height: 100%;cursor: pointer;}
.union-more-house .more-house-list .pic>p{position: absolute;bottom: .2rem;left: .2rem;color: #fff;font-size: .5rem;}
.union-more-house .more-house-list .remark{padding: 0 .2rem .1rem;}
.union-more-house .more-house-list .remark .line-1{font-weight: bold;font-size: .6rem;color: #464B5D;padding: .2rem 0;border-bottom: 1px solid #eee;}
.union-more-house .more-house-list .line-1 span.tips {color: #fff;background: #00A0E9;padding: 0 .1rem;margin: 0 .1rem;line-height: 0.8rem;display: inline-block;}
.union-more-house .more-house-list .remark .detail-info div{font-size: .5rem;color: #9B9B9B;}
.union-more-house .more-house-list .remark .detail-info big {color: #38B3FF;font-size: .9rem;font-weight: bold;}

.tool-button.union a{vertical-align: baseline;}
.tool-button.union .side-button{padding: .3rem 0 .4rem;}


/* product */
/* .product .title .tips{border: 1px solid #979797;border-radius: .3rem;padding: .05rem .2rem;margin-left: .5rem;display: inline-block;font-size: .6rem;vertical-align: text-bottom;} */
.product .pic h5{font-size: .6rem;background: #fff;position: absolute;top: 0;left: 0;color: #000;padding: 0 .3rem;border-radius: 0 0 .4rem 0;}
.product .pic h5 big{font-size: .75rem;font-weight: bold;}


.product .title .tips, .work-space .title .tips, .work-house .title .tips{border: 1px solid #979797;border-radius: .3rem;padding: .05rem .2rem;margin-left: .5rem;display: inline-block;height: 1rem;font-size: .6rem;line-height: .8rem;vertical-align: text-bottom;margin-top: .2rem;}
.work-space .swiper-slide{margin-right: 3%;width: 45%;}
.work-space .swiper-slide:last-child{margin-right: 0;}
.work-space .details{width: 100%;position:relative;margin-bottom: .5rem;margin-top: .5rem;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1);background:#fff;-webkit-border-radius: .4rem;-ms-border-radius: .4rem;-o-border-radius: .4rem;border-radius: .4rem;overflow: hidden;}
.work-space .details .pic{width:100%;height: 5rem;overflow:hidden; }
.work-space .details .pic>img{width:100%;height:100%;cursor:pointer; }
.work-space .details .remark{display:block;margin:.3rem;padding:0;color:#666;font-size:.6rem;line-height:20px;text-overflow:ellipsis;overflow:hidden; }
.work-space .details .remark .line-1{border-bottom: 1px solid #eee;padding-bottom: .1rem;margin-bottom: .1rem;}
.work-space .details .remark .detail-info div{font-size: .5rem;}
.work-space .details .remark a{color: #464B5D;font-weight: bold;font-size: .7rem;}
.work-space .remark .shebei{display: inline-block;background: #ddd;color: #333;font-size: .6rem;padding: 0 .1rem;line-height: .8rem;}
.work-space .details big{color:#38B3FF;font-size: .9rem;font-weight: bold;}
.work-space .lou-button{color: #fff;background: #00A0E9;display: block;width: 65%;margin: .25rem auto .75rem;padding: .35rem 0;font-size: .7rem;text-align: center;border-radius: 1rem;}
.work-space .pic h5{font-size: .7rem;font-weight: bold;background: #fff;position: absolute;top: 0;left: 0;color: #000;padding: 0 .3rem;border-radius: 0 0 .4rem 0;}

.work-space .more-house-list .line-1 {font-size: .6rem;}
.work-space .more-house-list .line-1 span.tips{color: #fff;background: #00A0E9;padding:0 .1rem;margin: 0 .1rem;line-height: 0.8rem;display: inline-block; }

/* .work-house .title .tips {border: 1px solid #979797;border-radius: .3rem;padding: .05rem .2rem;margin-left: .5rem;display: inline-block;font-size: .6rem;vertical-align: text-bottom;} */
.work-house .pic h5{font-size: .7rem;background: #fff;position: absolute;top: 0;left: 0;color: #000;padding: 0 .3rem;border-radius: 0 0 .4rem 0;}

/* brands */
/* .brands .main-info .aui-pull-left{width: 30%;}
.brands .main-info .aui-pull-left>img{width: 100%;}
.brands .main-info .aui-pull-right{width: 69%;} */
.brands .main-info .aui-pull-left{width: 69%;}
.brands .main-info .aui-pull-right{width: 30%;}
/* .brands .main-info a{display: inline-block;background: #00A0E9;color: #fff;font-size: .65rem;padding: 0 .5rem;text-align: center;line-height: 1.5rem;border-radius: 2rem;margin-top: .6rem;}
.brands .main-info a>img{width: .8rem;vertical-align: middle;margin-right: .2rem;} */
.brands .main-info a{display: inline-block;line-height: 2.4rem;}
.brands .main-info a>img{width: 1.3rem;vertical-align: middle;}
.brands .fix-top{position: fixed;top: 0;z-index: 12;box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);border-radius: 0}

.brands .union-area dt{font-size: .6rem;color: #333;display: inline-block;font-weight: bold;}
.brands .union-area dd{font-size: .6rem;color: #898B9B;display: inline-block;width: calc(100% - 3rem);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.brands .union-area dd>a{display: inline-block;color: #898B9B;padding-right: .2rem;}

.brands .area .line-1>div{color: #999;font-size: .6rem;}
.brands .area .line-1>div p{color: #333;display: inline;}
.brands .area .line-1>div p>img{width: .9rem;vertical-align: text-bottom;font-size: .6rem;}
.brands .area .line-2 ul.line-area{width: 80%;}
.brands .area .line-2 .line-area li{float: left;width: 25%;text-align: center;}
.brands .area .line-2 .line-area li a{display: block;width: 90%;background: #fff;color: #898B9B;font-size: .65rem;margin: auto;padding: .1rem 0;border-radius: 1rem;}
.brands .area .line-2 .line-area li.active a{color: #fff;background: #00A0E9;}
.brands .area .line-2 .vertical-area{width: 20%;position: relative;text-align: center;}
.brands .area .line-2 .vertical-area>a{font-size: .65rem;color: #333;}
.brands .area .line-2 .vertical-area ul{position: absolute;top: 1rem;width: 100%;z-index: 10;background: #fff;border-radius: 0 0 .3rem .3rem;}
.brands .area .line-2 .vertical-area li{text-align: center;line-height: 1.5rem;}
.brands .area .line-2 .vertical-area li a{font-size: .65rem;color: #898B9B;display: inline-block;}

.union-wangdian dt{background: #00A0E9;color: #fff;font-size: .65rem;text-align: center;border-radius: .3rem;padding: .2rem 0;}
.union-wangdian dd{margin: 0 -.2rem;}
.union-wangdian .wangdian-list{width: 25%;float: left;}
.union-wangdian .wangdian-list a{text-align: center;margin: .4rem .2rem 0;background: #DBDBDB;color: #fff;border-radius: .3rem;font-size: .6rem;display: block;padding: .2rem 0;}


.member{position: relative;}
.member .member-bg{position: absolute;top: -1rem;width: 100%;z-index: -1;}
.member .outside{padding: .75rem;}
.member .discount-info{margin-top: 1.5rem;padding: .5rem;background: url(../images/union/discount-bg.svg) no-repeat 100%;background-position: center;border-radius: .3rem;background-size: cover;}
.member .discount-info .aui-pull-right h4{color: #232629;font-weight: bold;line-height: 1.4rem;font-size: .8rem;margin-top: .4rem;}
.member .discount-info .price span{font-size: 1.2rem;font-weight: bold;color: #2F3337;}
.member .discount-info .price>small{font-size: .6rem;color: #2F3337;}
.member .discount-info .price>i{font-size: .6rem;color: #8B572A;font-style: normal;padding: 0 .2rem;}
.member .discount-info .price a{color: #fff;background: #FF6F6F;padding: .1rem .4rem;font-size: .6rem;border-radius: .4rem;}

.member .chaozhi{text-align: right;}
.member .chaozhi a{color: #C8A712;display: inline-block;background: #2F3337;font-size: .6rem;line-height: .9rem;padding: 0 .35rem;border-radius: 1rem;}
.member .shiyong{position: relative;padding: 0 0 .4rem 3.5rem;border-bottom: 1px solid #EFF0EF;}
.member .shiyong .title{position: absolute;left: .3rem;top: .2rem;font-size: .6rem;color: #999;}
.member .shiyong .desc-list span{display: inline-block;font-size: .6rem;color: #333;background: #eee;padding: 0 .4rem;line-height: 1rem;border-radius: 1rem;margin: 0 .1rem .2rem;}
    
.member .fujia .swiper-slide{margin-right: 3%;width: 45%;}
.member .fujia .swiper-slide:last-child{margin-right: 0;}
.member .details{width: 100%;position:relative;margin-bottom: .5rem;margin-top: .5rem;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1);background:#fff;-webkit-border-radius: .4rem;-ms-border-radius: .4rem;-o-border-radius: .4rem;border-radius: .4rem;overflow: hidden;}
.member .details .pic{width:100%;height: 5rem;overflow:hidden;position: relative; }
.member .details .pic>img{width:100%;height:100%;cursor:pointer; }
.member .details .pic>p {position: absolute;bottom: .2rem;/*left: .4rem;*/color: #fff;font-size: .5rem;width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.member .details .pic>p img{width: 1rem;vertical-align: bottom;}
.member .details .remark{display:block;padding:0 .3rem .1rem;color:#666;font-size:.6rem;line-height:20px;text-overflow:ellipsis;overflow:hidden; }
.member .details .remark .line-1{font-weight: bold;font-size: .65rem;color: #464B5D;padding: .2rem 0;border-bottom: 1px solid #eee;}
.member .details .remark .line-1 .communityName{    max-width: 3.9rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;vertical-align: middle;}
.member .details  .remark .detail-info{padding-top: .1rem;}
.member .details  .remark .detail-info div{font-size: .5rem;color: #9B9B9B;}
.member .details  .remark .detail-info big {color: #38B3FF;font-size: .9rem;font-weight: bold;}


.member .details .remark a{color: #464B5D;font-weight: bold;font-size: .7rem;}
.member .remark .shebei{display: inline-block;background: #ddd;color: #333;font-size: .6rem;padding: 0 .1rem;line-height: .8rem;}
.member .details big{color:#38B3FF;font-size: .9rem;font-weight: bold;}
.member .lou-button{color: #fff;background: #00A0E9;display: block;width: 65%;margin: .25rem auto .75rem;padding: .35rem 0;font-size: .7rem;text-align: center;border-radius: 1rem;}
.member .pic h5{font-size: .7rem;font-weight: bold;background: #fff;position: absolute;top: 0;left: 0;color: #000;padding: 0 .3rem;border-radius: 0 0 .4rem 0;}

.member .union-chaozhi .swiper-container{width: 100%;margin-left: 0;}
.member .union-chaozhi .swiper-slide{width: 42%;overflow: hidden;background: url(../images/union/vip-red.svg) no-repeat;background-size: contain;}

.common-title-h3{font-weight: 600;color: #010205;font-size: .7rem;}
.common-title-h3 a.tips{float: right;font-size: .6rem;color: #959AA6;padding-top: .2rem;padding-right: .2rem;}

.brands .union-brand-mode dt{font-size: .8rem;margin-bottom: .2rem;font-weight: bold;}
.brands .union-brand-mode dt img{display: inline-block;vertical-align: middle;}
.brands .picture .swiper-container{width: 100%;height: 10rem;border-radius: .5rem;overflow: hidden;}
.brands .picture .swiper-slide{position: relative;}
.brands .picture .swiper-slide img{width: 100%;height: 100%;border-radius:.5rem;overflow: hidden;}
.brands .picture .swiper-pagination{color: #fff;font-size: .6rem;}
.brands .picture .view-info{background: rgba(0, 0, 0, .3);padding: 1rem;position: absolute;right: 1rem;top: 2rem;}
.brands .picture .view-info-tag{background: #fff;color: #38B3FF;padding: .1rem .4rem;font-size: .6rem;border-radius: 1rem;}
.brands .picture .view-info-title{line-height: 2rem;color: #fff;font-weight: 500;font-size: 1.3rem;}
.brands .picture .view-info-address{font-size: .8rem;color: #fff;}
.brands .picture .view-info-address>img {vertical-align: text-bottom;width: 1rem;height: 1rem;}
.brands .picture .view-info-address>span {font-size: .6rem;}

.member .fujia .remark .line-1{border-bottom: none;}
.member .fujia .sold-out, .member .fujia .warning {color: #9B9B9B;padding-top: .15rem;}

.office-type {display: inline-block;border: 1px solid;font-size: .6rem!important;border-radius: 3px;padding: 0 .2rem;margin-left: .4rem;}
.office-type.blue {color: #38B3FF;border-color: #38B3FF;}
.office-type.red {color: #FF3939;border-color: #FF3939;}

.jianjie .swiper-slide {margin-right: 5%;width: 80%;}
.jianjie .jianjie-detail{background: #F6F7F9;width: 100%;margin: 0 auto;border-radius: 8px;text-align: center;padding: 1.2rem 0;}
.jianjie .jianjie-detail>img{width: 3rem;height: 3rem;border-radius: 50%;}
.jianjie .jianjie-detail .member-name {display: block;font-size: .7rem;line-height: 1rem;margin-top: .4rem;padding: 0 1.5rem;white-space: nowrap;color: #454545;font-weight: 600;text-overflow: ellipsis;word-break: break-all;word-wrap: break-word;overflow: hidden;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.jianjie .jianjie-detail .member-title {display: block;font-size: .6rem;margin-bottom: .6rem;color: #4D555D;height: 1.2rem;line-height: 1.2rem;}
.jianjie .jianjie-detail .member-p {position: relative;top: 0;display: block;font-size: .6rem;line-height: 1.1rem;color: #4D555D;height: 5.5rem;padding: 0 1rem;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp: 6;-webkit-box-orient: vertical;text-align: justify;word-break: break-all;font-weight: 400;}



